<#assign datagridid=tool.getuuid()>
<script type="text/javascript">
$('#${datagridid!}').datagrid({
		gridTitle 		: 	'表格的标题' 	,//[可选] 标题。
		columns 		: 	[
			        		        {
			        		            name: 'id',
			        		            label: 'ID',
			        		            align: 'center',
			        		            width: 200
			        		        },{
			        		            name: 'userId',
			        		            label: 'userId',
			        		            align: 'center',
			        		            width: 200
			        		        },{
			        		        	name: 'url',
			        		            label: 'url',
			        		            align: 'center',
			        		            width: 220
			        		        }
					        		        
		        		    ],//[可选] 表头模型，适用动态生成表头，如果未设置本参数，将自动转化静态表头为模型。
		dataUrl 		: 	'${rootpath}/Demo/datagrid_remote_get' 	,//[可选] Ajax请求数据的URL。
		filterThead 	: 	false 	,//[可选] 允许表格头部快速筛选。普通表格转为datagrid的，需设置dataUrl参数，local = 'remote'
		sortAll 		: 	true 	,//[可选] 排序范围，true = 所有数据排序， false = 当前页数据排序。普通表格转为datagrid的，默认为true
		filterAll 		: 	true 	,//[可选] 筛选范围，true = 从所有数据中筛选，false = 从当前页数据中筛选。普通表格转为datagrid的，默认为true
		filterMult 		: 	false 	,//[可选] 支持多字段筛选。
		linenumberAll 	: 	true 	,//[可选] 行号范围，true = 为所有数据编号，false = 为当前页数据编号。
		showTfoot 		: 	false 	,//[可选] 是否显示页脚，适用于显示统计信息，需要字段相关参数支持。
		showToolbar 	: 	true 	,//[可选] 是否显示工具条，需要设置参数toolbarItem或toolbarCustom。
		columnFilter 	: 	true 	,//[可选] 表头字段列菜单上出现 “过滤” 选项。
		editMode 		: 	false,//[可选] 编辑、添加数据的方式，参数[false | 'inline' | 'dialog']。false = 不能编辑，inline = 行内编辑，dialog = 弹窗编辑。
		width 			: 	'100%' 	,//[可选] datagrid容器宽度，默认为父容器的宽，相当于'100%'。
		fullGrid 		: 	true 	,//[可选] 使表格铺满网格容器(如果值为true，则需要设置有列宽，并且总宽度小于datagrid容器宽度时有效)。
		height 			: 	'100%' 	,//[可选] datagrid容器高度。
		toolbarItem		:	"export",
		exportOption	:	{type:"file", options:{url:"${rootpath}/Demo/datagrid_remote_get_export"}}
	});
</script>
<div class="bjui-pageContent">
	<table id="${datagridid!}" class="table table-bordered"></table>
</div>



